
.msglist{
    width: 100vw;
    height: calc(100vh - 100px);
    overflow: auto ;
    background-color: #fff;
}
.sendmsg{
    width: 100vw;
    height: 50px;
    background-color: #efefef;
    border-top: 1px solid #ccc;
    /* box-shadow: 1px -1px 5px ;    */
}
.sendmsg>form{
    width: 100vw;
    height: 50px;
    justify-content: space-between;
    align-items: center;
}
.msglistitem{
    list-style-type: none;
    max-width: 500px;
    margin: 20px;
    margin-top: 5px;
    border-radius: 20px;
    padding: 10px;
    background-color: #1890ff;

}

.con_right:nth-last-child(1):after{
    content:'';
    width: 0;
    height: 0;
    border: 15px solid #1890ff;
    border-right: 15px solid #0000;
    border-bottom: 15px solid #0000;
    border-top: 15px solid #0000;
    position: absolute;
    top: 6px;
    right: -25px;

}

.con_left:nth-last-child(1)::before{
    content:'';
    width: 0;
    height: 0;
    border: 15px solid #1890ff;
    border-left: 15px solid #0000;
    border-bottom: 15px solid #0000;
    border-top: 15px solid #0000;
    position: absolute;
    top: 6px;
    left: -25px;
}
.con_right{
    position: relative;
    float: right;
    /* clear: both; */
}

.con_left{
position: relative;
    float: left;
    /* clear: both; */
}
.display_none{
    display: none;
}
.msg_box{
    margin: 20px;
    /* padding-bottom: 5px; */
    /* margin-top: 20px; */
    /* margin-bottom: 5px; */
clear: both;
position: relative;
}
.send_time_r{
    position: absolute;
    right: 70px;
    top: -15px;
}
.send_time_l{
    position: absolute;
    left: 70px;
    top: -15px;
}
.f_name{
    display: inline-block;
    
}
aside.emoji-picker-react{
    position: fixed !important;
    left: 0;
    bottom: 50px;
}